<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
			    xmlns:h="http://java.sun.com/jsf/html"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:a4j="http://richfaces.org/a4j">

    <a4j:form id="frmPR">
        
         <rich:panel id="panPR" header="Problemas y Riesgos" >
			<h:panelGrid id="outIncPlanEcoutCodigoProblema" columns="2" styleClass="gridhello" columnClasses="gridhellocolumn">
	</h:panelGrid>

             <h:outputText value="Problemas" />

             <!-- =========== PANEL Problemas ================================== -->
                 <rich:panel id="pnlProblemas" >

                     <a4j:commandButton id="btnNuevoProblema" value="Agregar Problema" action="#{gestorPR.nuevoProblema}"
                                        title="Nuevo" reRender="pnlProblemas" immediate="true"/>
                     <rich:panel id="pnlListaProblemas" rendered="#{gestorPR.renderProblema}" header="Ingresar Problema" >
                     <h:panelGrid id="outIngresoProblema" columns="4" styleClass="gridhello" columnClasses="gridhellocolumn">

                                <h:outputText value="" />
                                <h:inputHidden value="#{gestorPR.currentProblema.codigo}"/>
                                <h:outputText value="" />
                                <h:outputText value="" />
                                <h:outputText value="#{general.descripcion}" />

                                <h:panelGroup>
                                    <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                                    <h:inputText id="idDescripcion" value="#{gestorPR.currentProblema.descripcion}"  maxlength="300" style=" width : 220px;">
                                        <a4j:support event="onblur"/>
                                    </h:inputText>
                                    <rich:message for="idDescripcion" errorClass="mensaje_error"/>
                                </h:panelGroup>

                                 <h:outputText value="" />
                                <h:outputText value="" />
                        <h:outputText value="Tipo de Problema:" />
                        <h:panelGroup>
                        <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                        <a4j:commandButton id="btnBuscaTipoProblema" image="/imagenes/application_form_magnify.ico"
                                           actionListener="#{gestorPR.pasarParametrosTipoProblema}" reRender="pnlListaProblemas" ajaxSingle="true"/>
                        <h:inputText id="TipoProblema" value="#{gestorPR.currentProblema.tipoproblema.tipo}"
                                         required="true" readonly="true" requiredMessage="Es necesario llenar este campo."
                                         >
                                <a4j:support event="onblur"/>
                            </h:inputText>
                        <rich:message for="TipoProblema" errorClass="mensaje_error"/>
                        </h:panelGroup>

                        <h:outputText value="" />
                                <h:outputText value="" />
                                <h:outputText value="#{general.solucion}:" />
                            <h:panelGroup>
                                <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                                <h:inputTextarea id="Solucion" required="true" value="#{gestorPR.currentProblema.solucion}" style=" width : 250px;">
                                    <f:validateLength minimum="3" maximum="300"/>
                                    <rich:ajaxValidator event="onblur"/>
                                 </h:inputTextarea>
                                <rich:message for="Solucion" errorClass="mensaje_error"/>
                            </h:panelGroup>

       
                            <h:outputText value="" />
                                <h:outputText value="" />
                            <h:outputText value="#{general.solucion} Alternativa:" />
                            <h:panelGroup>

                                <h:inputTextarea id="solucionAlternativa" required="false" value="#{gestorPR.currentProblema.solucionAlternativa}" style=" width : 250px;">
                                    <f:validateLength minimum="3" maximum="300"/>
                                    <rich:ajaxValidator event="onblur"/>
                                 </h:inputTextarea>

                                <rich:message for="Solucion" errorClass="mensaje_error"/>
                            </h:panelGroup>

                         </h:panelGrid>
                         <a4j:commandButton id="btnGrabarProblema" value="Grabar" action="#{gestorPR.grabarProblema}"
                                            title="Grabar" reRender="pnlProblemas"/>
                         <a4j:commandButton id="btnCancelarProblema" value="Cancelar" action="#{gestorPR.cerrarProblema}"
                                            title="Cerrar" reRender="pnlProblemas" immediate="true"/>

                      </rich:panel>

                     <!-- =========== TABLA Problemas ================================== -->

                   
        	   <rich:dataTable id="tblProblemas" onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                    onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                    cellpadding="0" cellspacing="0"
                    width="700" rows="5" border="0" var="row" value="#{gestorPR.currentEmprendimiento.problemas}"
                    binding="#{gestorPR.tablaProblema}">


                       <rich:column label="#{general.codigoPR}" >
                    	    <f:facet name="header">
                                <h:outputText id="outCodigoProblema" value="#{general.codigoPR}" title="#{general.codigoPR}"/>
                            </f:facet>
                           <h:outputText value="#{row.codigo}"></h:outputText>
                        </rich:column>


                       <rich:column label="#{general.descripcion}}">
                        	<f:facet name="header">
                        		<h:outputText id="outDescripcionProblema" value="#{general.descripcion}" title="#{general.descripcion}"/>
                            </f:facet>
                           <h:outputText value="#{row.descripcion}"></h:outputText>
                        </rich:column>


                       
                       <rich:column label="#{general.solucion}}">
                        	<f:facet name="header">
                                    <h:outputText id="outSolucionProblema" value="#{general.solucion}" title="#{general.solucion}"/>
                            </f:facet>
                           <h:outputText value="#{row.solucion}"></h:outputText>
                        </rich:column>


                        <rich:column label="#{general.solucionAlternativa}}">
                        	<f:facet name="header">
                                    <h:outputText id="outSolucionAlternativaProblema" value="#{general.solucionAlternativa}" title="#{general.solucionAlternativa}"/>
                            </f:facet>
                            <h:outputText value="#{row.solucionAlternativa}"></h:outputText>
                        </rich:column>


                        <rich:column>

                            <f:facet id="ignore" name="header">
                                <h:outputText id="outClmAcciones" value="#{general.acciones}" title="#{general.titleAcciones}"/>
                            </f:facet>

	                        <div id="divAcciones" align="center">

                                    <a4j:commandButton id="btnAccionEliminar" action="#{gestorPR.eliminarProblema}" value="#{general.eliminar}"
                                                       image="/imagenes/close.png" title="#{general.titleBtnEliminar}" reRender="pnlProblemas" immediate="true"/>
                                    <a4j:commandButton id="btnAccionEditar" action="#{gestorPR.editarProblema}" value="#{general.btnVer}"
                                                       image="/imagenes/book_open.ico" title="#{general.titleBtnSeleccionar}" reRender="pnlProblemas" immediate="true"/>

	                        </div>
                        </rich:column>
                   </rich:dataTable>
                    
		</rich:panel>

             
             <!-- =========== Riesgos ================================== -->

             <h:outputText value="Riesgos" />
             <rich:panel id="pnlRiesgos" >
                 <a4j:commandButton id="btnNuevoRiesgo" value="Agregar Riesgo" action="#{gestorPR.nuevoRiesgo}"
                                        title="Nuevo" reRender="pnlRiesgos" immediate="true"/>

                 <rich:panel id="pnlRiesgo" rendered="#{gestorPR.renderRiesgo}" header="Ingresar Riesgo" >
                     <h:panelGrid id="outIngresoRiesgo" columns="4" styleClass="gridhello" columnClasses="gridhellocolumn">
                        
                         <h:outputText value="" />
                        <h:inputHidden value="#{gestorPR.currentRiesgo.codigo}"/>

                        <h:outputText value="" />
                        <h:outputText value="" />
                        <h:outputText id="outTipoRiesgo" value="Tipo:" />
                        <h:panelGroup>

                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:selectOneMenu id="slmTipoRiesgo" label="Tipo"
                                             value="#{gestorPR.currentRiesgo.tipo}">
                                <f:selectItem id="sliRiesgo" itemValue="P" itemLabel="PRODUCCION"/>
                                <f:selectItem id="sliComercial" itemValue="C" itemLabel="COMERCIALIZACION"/>
                                <f:selectItem id="sliFinanciero" itemValue="F" itemLabel="FINANCIERO"/>
                                <f:selectItem id="sliMercado" itemValue="M" itemLabel="MERCADO"/>
                                <f:selectItem id="sliRRHH" itemValue="R" itemLabel="RRHH"/>
                                <f:selectItem id="sliOtros" itemValue="O" itemLabel="OTROS"/>


                                <a4j:support id="supTipoRiesgo" event="onchange" ajaxSingle="true"/>
                            </h:selectOneMenu>

                        <rich:message for="idTipo" errorClass="mensaje_error"/>                        
                        </h:panelGroup>

                        <h:outputText value="" />
                        <h:outputText value="" />
                        <h:outputText value="#{general.descripcion}" />

                        <h:panelGroup>
                                    <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>

                                    <h:inputTextarea id="DescripcionRiesgo" required="true" value="#{gestorPR.currentRiesgo.descripcion}" style=" width : 250px;">
                                        <f:validateLength minimum="3" maximum="300"/>
                                        <rich:ajaxValidator event="onblur"/>
                                    </h:inputTextarea>

                                    <rich:message for="DescripcionRiesgo" errorClass="mensaje_error"/>
                                </h:panelGroup>

                        <h:outputText value="" />
                        <h:outputText value="" />
                        <h:outputText value="Posibilidad:" />
                         <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:selectOneMenu id="slmPosibilidadRiesgo" label="Posibilidad"
                                             value="#{gestorPR.currentRiesgo.posibilidad}">
                                <f:selectItem id="sliMuyAlto" itemValue="5" itemLabel="MUY ALTO"/>
                                <f:selectItem id="sliAlto" itemValue="4" itemLabel="ALTO"/>
                                <f:selectItem id="sliMedio" itemValue="3" itemLabel="MEDIO"/>
                                <f:selectItem id="sliBajo" itemValue="2" itemLabel="BAJO"/>
                                <f:selectItem id="sliMuyBajo" itemValue="1" itemLabel="MUY BAJO"/>

                                <a4j:support id="supPosibilidadRiesgo" event="onchange" ajaxSingle="true"/>
                            </h:selectOneMenu>

                        <rich:message for="idPosiblidad" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        
                        <h:outputText value="" />
                        <h:outputText value="" />

                        <h:outputText value="Impacto:" />
                         <h:panelGroup>

                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:selectOneMenu id="slmImpactoRiesgo" label="Impacto"
                                             value="#{gestorPR.currentRiesgo.impacto}">
                                <f:selectItem id="sliIMuyAlto" itemValue="5" itemLabel="MUY ALTO"/>
                                <f:selectItem id="sliIAlto" itemValue="4" itemLabel="ALTO"/>
                                <f:selectItem id="sliIMedio" itemValue="3" itemLabel="MEDIO"/>
                                <f:selectItem id="sliIBajo" itemValue="2" itemLabel="BAJO"/>
                                <f:selectItem id="sliIMuyBajo" itemValue="1" itemLabel="MUY BAJO"/>

                                <a4j:support id="supImpactoRiesgo" event="onchange" ajaxSingle="true"/>
                            </h:selectOneMenu>

                        <rich:message for="idImpacto" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        
                        <h:outputText value="" />
                        <h:outputText value="" />

                        <h:outputText value="Contingencia:" />
                            <h:panelGroup>
                                <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                                <h:inputTextarea id="ContingenciaRiesgo" required="true" value="#{gestorPR.currentRiesgo.contingencia}" style=" width : 250px;">
                                    <f:validateLength minimum="3" maximum="500"/>
                                    <rich:ajaxValidator event="onblur"/>
                                 </h:inputTextarea>
                                <rich:message for="ContingenciaRiesgo" errorClass="mensaje_error"/>
                            </h:panelGroup>

                     </h:panelGrid>
                     <a4j:commandButton id="btnGrabarRiesgo" value="Grabar" action="#{gestorPR.grabarRiesgo}"
                                            title="Grabar" reRender="pnlRiesgos"/>
                     <a4j:commandButton id="btnCancelarRiesgo" value="Cancelar" action="#{gestorPR.cerrarRiesgo}"
                                            title="Cerrar" reRender="pnlRiesgos" immediate="true"/>

                </rich:panel>

                 <!-- =========== TABLA RiesgoS ================================== -->
                   
        	   <rich:dataTable id="tblRiesgos" onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                    onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                    cellpadding="0" cellspacing="0"
                    width="700" rows="5" border="0" var="rowP" value="#{gestorPR.currentEmprendimiento.riesgos}"
                    binding="#{gestorPR.tablaRiesgo}">

                       <rich:column label="#{general.codigoPR}" >
                    	    <f:facet name="header">
                                <h:outputText id="outCodigoRiesgo" value="#{general.codigoPR}" title="#{general.codigoPR}"/>
                            </f:facet>
                           <h:outputText value="#{rowP.codigo}"></h:outputText>
                        </rich:column>

                       <rich:column label="#{general.tipo}}">
                        	<f:facet name="header">
                                    <h:outputText id="outTipoRiesgo" value="#{general.tipo}" title="#{general.tipo}"/>
                            </f:facet>
                           <h:outputText value="#{rowP.tipo}"></h:outputText>
                        </rich:column>



                       <rich:column label="#{general.descripcion}}">
                        	<f:facet name="header">
                                    <h:outputText id="outDescripcionRiesgo" value="#{general.descripcion}" title="#{general.descripcion}"/>
                            </f:facet>
                           <h:outputText value="#{rowP.descripcion}"></h:outputText>
                        </rich:column>


                       <rich:column label="#{general.posibilidad}}">
                        	<f:facet name="header">
                                    <h:outputText id="outPosiblidadRiesgo" value="#{general.posibilidad}" title="#{general.posibilidad}"/>
                            </f:facet>
                           <h:outputText value="#{rowP.posibilidad}"></h:outputText>
                        </rich:column>


                       <rich:column label="#{general.impacto}}">
                        	<f:facet name="header">
                                    <h:outputText id="outImpactoRiesgo" value="#{general.impacto}" title="#{general.impacto}"/>
                            </f:facet>
                           <h:outputText value="#{rowP.impacto}"></h:outputText>
                        </rich:column>



                       <rich:column label="#{general.contingencia}}">
                        	<f:facet name="header">
                                    <h:outputText id="outContingenciaRiesgo" value="#{general.contingencia}" title="#{general.contingencia}"/>
                            </f:facet>
                           <h:outputText value="#{rowP.contingencia}"></h:outputText>
                        </rich:column>


                        <rich:column>
                            <f:facet id="ignore" name="header">
                                <h:outputText id="outClmAcciones" value="#{general.acciones}" title="#{general.titleAcciones}"/>
                            </f:facet>
	                        <div id="divAcciones" align="center">

                                    <a4j:commandButton id="btnPAccionEliminar" action="#{gestorPR.eliminarRiesgo}" value="#{general.eliminar}"
                                                       image="/imagenes/close.png" title="#{general.titleBtnEliminar}" reRender="pnlRiesgos" immediate="true"/>
                                    <a4j:commandButton id="btnPAccionEditar" action="#{gestorPR.editarRiesgo}" value="#{general.btnVer}"
                                                       image="/imagenes/book_open.ico" title="#{general.titleBtnSeleccionar}" reRender="pnlRiesgos" immediate="true"/>
	                        </div>
                        </rich:column>
                   </rich:dataTable>

                 
		</rich:panel>



        	<h:panelGrid id="pngBtnGrabar" columns="2" cellspacing="5px">
                    <a4j:commandButton id="btnGrabar" value="#{general.btnGrabar} Problemas y Riesgos" action="#{gestorPR.grabar}"
                                       title="#{general.titleBtnPR}" reRender="pnlProblemas, pnlRiesgos"/>
	        </h:panelGrid>

        	<rich:messages id="msgCodigos" level="all" errorClass="mensaje_error" infoClass="mensaje_confirmacion"/>

        </rich:panel>

        <a4j:include id="incBuscarTipoProblema" viewId="/comun/buscarTipoProblema.xhtml"/>

    </a4j:form>
</ui:composition>